* {
  font-family: "Microsoft YaHei";
  padding: 0;
  margin: 0;
}

html,
body {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.fl {
  float: left
}

.fr {
  float: right
}

.abs {
  position: absolute
}

.rel {
  position: relative
}

.clear {
  clear: both;
  height: 0 !important;
  overflow: hidden !important;
}

.chuck_box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFE966;
  font-size: .773333rem;
  margin-bottom: .533333rem;
}
.chuck_box > div {
  /* position: relative; */
  width: 1.12rem;
  height: 1.093333rem;
  margin-left: .266667rem;
}
.chuck_box .fly_chuck {
  /* width: 1.12rem;
  height: 1.093333rem; */
}
.chuck_box .icon_chuck {
  position: absolute;
  display: inline-block;
  width: 1.12rem;
  height: 1.093333rem;
  background: url('../img/icon_coin.png') 0 0 no-repeat;
  background-size: contain;
}
.chuck_box .fly_chuck {
  position: absolute;
  display: inline-block;
  width: .52rem;
  height: .466667rem;
  margin-left: .266667rem;
}
.chuck_box .fly_chuck:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: .52rem;
  height: .466667rem;
  background: url('../img/fly_coin.png') 0 0 no-repeat;
  background-size: contain;
  top: .266667rem
}


/* .chuckAni {
  right: 4.1rem ;top: 5.266667rem;
  position: absolute;
  animation: chuckAni 1s cubic-bezier(0,.42,.49,1) forwards;
  opacity: 1;
} */

.fly_chuck1 {
  animation: center2 .8s cubic-bezier(0,0,.36,1) forwards;
  animation-delay: .5s;
}
.fly_chuck1:after {
  animation: center1 .8s ease-in forwards;
  animation-delay: .5s;
}
.fly_chuck2 {
  animation: center2 .8s cubic-bezier(0,0,.36,1) forwards;
  animation-delay: .7s;
}
.fly_chuck2:after {
  animation: center1 .8s ease-in forwards;
  animation-delay: .7s;
}
.fly_chuck3 {
  animation: center2 .8s cubic-bezier(0,0,.36,1) forwards;
  animation-delay: .9s;
}
.fly_chuck3:after {
  animation: center1 .8s ease-in forwards;
  animation-delay: .9s;
}
.fly_chuck4 {
  animation: center2 .8s cubic-bezier(0,0,.36,1) forwards;
  animation-delay: 1.1s;
}
.fly_chuck4:after {
  animation: center1 .8s ease-in forwards;
  animation-delay: 1.1s;
}

@keyframes center1 {
  90% {opacity: 1;}
  100%{transform: translateX(170px); opacity: 0;}
}
@keyframes center2 {
  90% {opacity: 1;}
  100%{transform: translateY(-170px); opacity: 0;}
}


@keyframes chuckAni{
  0% { position: absolute; right: 4.1rem ;top: 5.266667rem; }
  70% {opacity: 1;}
  100% { position: absolute; right: 2.1rem; top: .366667rem; opacity: 1; }
}

.studyPageClass .van-popup--center, .studyPageClass .pop_box {
  background: transparent !important;
  width: 100%;
  height: 100%;
}
.studyPageClass .pop_box .answer {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pop_box .answer img {
  width: 50%;
}

.pop_box .chuck_box {

}


.wrapper {
  width: 100%;
  height: 100%;
}


input{  
  background:none;  
  outline:none;  
  border:1px solid #ccc;

  outline: none;

  -webkit-appearance: none; /*去除系统默认的样式*/

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
input:focus{   
  /* border:none; */
}


/* placeholder颜色 */
::-webkit-input-placeholder {
  color: #A7A5A5 !important;
}

:-moz-placeholder {
  color: #A7A5A5 !important;
}

::-moz-placeholder {
  color: #A7A5A5 !important;
}

:-ms-input-placeholder {
  color: #A7A5A5 !important;
}
/* placeholder颜色 */



.van-picker__toolbar {
  padding: .2rem 0;
}

.van-picker__toolbar button {
  /* color: #FFD33D; */
  font-size: .4rem;
}

.van-picker-column {
  font-size: .373333rem;
}
.van-divider {
  margin: .213333rem 0;
}
.common_bg {
  background: url('../img//common_bg.png') 0 0 no-repeat;
  background-size: 100%;
  width: 100%;
  height: 4rem;
  position: absolute;
}


.birth::before {
  content: '';
  display: inline-block;
  width: .36rem;
  height: .346667rem;
  background: url('../img/icon_birth.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: .08rem;
}

.icon_complete {
  width: .56rem;
  height: .56rem;
  display: inline-block;
  background: url('../img/icon_complete.png') 0 0 no-repeat;
  background-size: contain;
  /* margin-right: .266667rem; */
}
.icon_uncomplete {
  width: .56rem;
  height: .56rem;
  display: inline-block;
  background: url('../img/icon_uncomplete.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: .266667rem;
}
.btnHover:active {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.btn {
  width: 2.333333rem;
  height: 1rem;
  background: url('../img/btn_bg.png') 0 0 no-repeat;
  background-size: contain;
  color: #fff;
  font-size: .373333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon_return {
  width: .8rem;
  height: .8rem;
  display: inline-block;;
  background: url('../img/icon_return.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: .2rem;
}
.return_box {
  color: #fff;
  font-size: .556667rem;
  display: flex;
  align-items: center;
}


.coin {
  /* margin-left: auto; */
  margin-left: .2rem;
  /* background: #000; */
  background: #F0F0F0;
  padding: .066667rem .15rem .066667rem .133333rem;
  border-radius: .333333rem 0 0 .333333rem;
  z-index: 999999999;
}
.header .coin {
  background: #fff;
  height: .653333rem;
  width: 1.373333rem;
  margin-left: auto;
  border-radius: .466667rem 0 0 .466667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coin_number {
  font-size: .4rem;
  color: #8E30D2;
  display: flex;
  align-items: center;
  position: relative;
  font-weight: bold;
}
.coin_number:before {
  content: '';
  display: inline-block;
  width: .553333rem;
  height: 0.553333rem;
  background: url('../../assets/img/icon_coin.png') 0 0 no-repeat;
  background-size: contain;
  margin-right: .1rem;
}

.video-js .vjs-big-play-button {
  height: 1.5em;
  width: 3em;
}
.video-player {
  height: 100%;
}
.video-js {
  height: 100%;
  padding-top: 7.25% !important;
}